<template>
  <div>
    <!-- <vue3videoPlay
      v-bind="options"
      poster="https://sakura.xonlines.com/upload/vod/20230117-1/f651442adc9db74d02d1242b0d1f4be6.jpg"
    /> -->
    <iframe
      width="100%"
      height="100%"
      allowfullscreen="allowfullscreen"
      mozallowfullscreen="mozallowfullscreen"
      msallowfullscreen="msallowfullscreen"
      frameborder="0"
      marginwidth="0"
      marginheight="0"
      src="https://jianghu.live2008.com/xin/?url=https://new.qqaku.com/20230118/Gq5tMtFO/index.m3u8"
    ></iframe>
  </div>
</template>

<script setup>
import { reactive } from 'vue';
import 'vue3-video-play/dist/style.css';
import vue3videoPlay from 'vue3-video-play'; // 引入组件
const options = reactive({
  width: '800px', //播放器高度
  height: '450px', //播放器高度
  color: '#409eff', //主题色
  title: '', //视频名称
  src: 'https://dow.dowlz10.com/20230114/17154_db8125dc/%E7%8B%82%E9%A3%99E01.mp4', //视频源
  muted: false, //静音
  webFullScreen: false,
  speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
  autoPlay: false, //自动播放
  loop: false, //循环播放
  mirror: false, //镜像画面
  ligthOff: false, //关灯模式
  volume: 0.3, //默认音量大小
  control: true, //是否显示控制
  controlBtns: [
    'audioTrack',
    'quality',
    'speedRate',
    'volume',
    'setting',
    'pip',
    'pageFullScreen',
    'fullScreen',
  ], //显示所有按钮,
});
</script>

<style scoped></style>
